<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米商城</title>
		<link rel="icon" href="img/小米手机/logo-footer.png" type="image/gif" >
		<link rel="stylesheet" href="css/layui/css/layui.css">
		<link href="css/jyc.css" rel="stylesheet"  type="text/css">
		<link rel="stylesheet" type="text/css" href="css/iconfont.css">

		<script src="css/layui/layui.js"></script>

		<script src="js/jquery-3.3.1.js"></script>
		<script src="js/jyc.js"></script>
		<link rel="stylesheet" href="css/index.css">
	</head>
	<body>
		<!--头部-->
	<div class="header">
			<div class="topbar">
				<div class="wrap">
					<div class="topbar-left">
						<a>小米商城</a><span >|</span>
						<a>MIUI</a><span>|</span>
						<a>loT</a><span>|</span>
						<a>云服务</a><span>|</span>
						<a>水滴</a><span>|</span>
						<a>金融</a><span>|</span>
						<a>有品</a><span>|</span>
						<a>Select Region</a>
					</div>
					<div class="topbar-right">
						<a href="views/Account.html" id="login">登录</a><span>|</span>
						<a href="views/miregister.html" id="register">注册</a><span>|</span>
						<a href="views/Personal_central.html" id="dd">消息通知</a><span>|</span>
						<div id="topbar-cart" >
							<a  >
								<i class="iconfont">&#xe600;</i>购物车</a>
						</div>
						<div class="loading" id="load" style="display:none">购物车中还没有商品，赶紧选购吧！</div>
					</div>
				</div>
			</div>
			<div class="nav wrap">
				<div class="nav-logo">
					<a href="index.html"><img src="img/小米手机/logo-footer.png"></a>
				</div>
				<div class="header-nav">
					<ul class="nav-list">
						<li class="nav-category" id="nav-all" onmouseover="navallOver()" onmouseout="navallOut()">
							<a>全部商品分类</a>
						</li>
						<li class="nav-item" id="phone">
							<a>小米手机</a>
							<div class="nav-bar-down" id="navbar1">
								<div class="wrap">
									<div>
										<img class="firstimg" src="img/小米手机/mix2320-220.png"/>
									</div>
									<div>
										<img src="img/小米手机/note2320x220.png"/>
									</div>
									<div>
										<img src="img/小米手机/xm6-320.png"/>
									</div>
									<div>
										<img src="img/小米手机/max2_toubu.png"/>
									</div>
									<div>
										<img src="img/小米手机/5x-2!160x110.jpg"/>
									</div>
								</div>
							</div>
						</li>
						<li class="nav-item" id="hongmi">
							<a>红米</a>
							<div class="nav-bar-down" id="navbar2">
								<div class="wrap">
									<div>
										<img  class="firstimg" src="img/小米手机/5-320-220.png"/>
									</div>
									<div>
										<img src="img/小米手机/5P-320-220.png"/>
									</div>
									<div>
										<img src="img/小米手机/320-220-1.png"/>
									</div>
									<div>
										<img src="img/小米手机/3205a.png"/>
									</div>
									<div>
										<img src="img/小米手机/320-220!160x110.jpg"/>
									</div>
								</div>
							</div>
						</li>
						<li class="nav-item" id="tv">
							<a>电视</a>
							<div class="nav-bar-down" id="navbar3">
								<div class="wrap">
									<div>
										<img class="firstimg" src="img/小米手机/tv1.png"/>
									</div>
									<div>
										<img src="img/小米手机/tv2.png"/>
									</div>
									<div>
										<img src="img/小米手机/tv3.png"/>
									</div>
									<div>
										<img src="img/小米手机/tv4.png" />
									</div>
									<div>
										<img src="img/小米手机/tv5.png"/>
									</div>
								</div>
							</div>
						</li>
						<li class="nav-item" id="computer">
							<a>笔记本</a>
							<div class="nav-bar-down" id="navbar4" >
								<div class="wrap">
									<div>
										<img class="firstimg" src="img/小米手机/computer1.jpg"/>
									</div>
									<div>
										<img src="img/小米手机/computer2.jpg"/>
									</div>
									<div>
										<img src="img/小米手机/computer3.jpg"/>
									</div>
									<div>
										<img src="img/小米手机/computer4.jpg"/>
									</div>
									<div>
										<img src="img/小米手机/computer5.jpg"/>
									</div>
								</div>
							</div>
						</li>
						<li class="nav-item" id="hezi">
							<a>盒子</a>
							<div class="nav-bar-down" id="navbar5" >
								<div class="wrap">
									<div>
										<img class="firstimg" src="img/小米手机/hezi1.png"/></div>
									<div>
										<img src="img/小米手机/hezi2.png"/>
									</div>
									<div>
										<img src="img/小米手机/hezi3.png" />
									</div>
									<div>
										<img src="img/小米手机/hezi4.png"/>
									</div>
									<div>
										<img src="img/小米手机/hezi5.jpg"/>
									</div>
								</div>
							</div>
						</li>
						<li class="nav-item" id="news">
							<a>新品</a>
							<div class="nav-bar-down" id="navbar6" >
								<div class="wrap">
									<div>
										<img class="firstimg" src="img/小米手机/xinping1.png"/>
									</div>
									<div>
										<img src="img/小米手机/xinping2.png"/>
									</div>
									<div>
										<img src="img/小米手机/xinping3.png"/>
									</div>
									<div>
										<img src="img/小米手机/xinping4.png" />
									</div>
									<div>
										<img src="img/小米手机/xinping5.png"/>
									</div>
								</div>
							</div>
						</li>
						<li class="nav-item" id="router">
							<a>路由器</a>
							<div class="nav-bar-down" id="navbar7" >
								<div class="wrap">
									<div>
										<img class="firstimg" src="img/小米手机/router1.jpg"/>
									</div>
									<div>
										<img src="img/小米手机/router2.jpg"/>
									</div>
									<div>
										<img src="img/小米手机/router3.jpg"/>
									</div>
									<div>
										<img src="img/小米手机/router4.jpg"/>
									</div>
									<div>
										<img src="img/小米手机/router5.jpg"/>
									</div>
								</div>
							</div>
						</li>
						<li class="nav-item" id="hard">
							<a>智能硬件服务</a>
							<div class="nav-bar-down" id="navbar8">
								<div class="wrap">
									<div>
										<img class="firstimg" src="img/小米手机/hard1.jpg"/>
									</div>
									<div>
										<img src="img/小米手机/hard2.png"/>
									</div>
									<div>
										<img src="img/小米手机/hard3.png"/>
									</div>
									<div>
										<img src="img/小米手机/hard4.jpg"/>
									</div>
									<div>
										<img src="img/小米手机/hard5.jpg"/>
									</div>
								</div>
							</div>
						</li>
						<li class="nav-item">
							<a>服务</a>
						</li>
						<li class="nav-item">
							<a>社区</a>
						</li>
					</ul>







				</div>
				<div class="nav-search">
					<form>
						<input class="search-text" type="text">
						<input class="iconfont search-btn " type="submit" value="&#xe7b7;">
					</form>
				</div>
			</div>
		</div>
	<div class="clear"></div>
		<!--主体-->
	<div class="main">
		<!--导航栏-->
		<div class="home-hero-container wrap">
			<div class="home-carousel">
				<div class="layui-carousel" id="home-carousel" lay-filter="test1">
					<div carousel-item>
						<div>
							<img src="img/index/home-carousel1.jpg"/>
						</div>
						<div>
						<img src="img/index/home-carouse2.jpg"/>
						</div>
						<div>
						<img src="img/index/home-carouse3.jpg"/>
						</div>
						<div>
						<img src="img/index/home-carouse4.jpg"/>
						</div>
						<div>
						<img src="img/index/home-carouse5.jpg"/>
						</div>
					</div>
				</div>
			</div>
			<div class="home-category">
				<ul>
					<li class="nav-hover">
						<a href="views/mobilephone.html">手机 电话卡<i class="iconfont">&#xe602;</i></a>
						<div class="category-children">
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="nav-hover">
						<a href="views/TV.html">电视 盒子<i class="iconfont">&#xe602;</i></a>
						<div class="category-children">
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/tv1-1.jpg"/>
										<span>小米电视4A 32英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-2.jpg"/>
										<span>小米电视4A 40英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-3.jpg"/>
										<span>小米电视4A 43英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-4.jpg"/>
										<span>小米电视4A 49英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-5.jpg"/>
										<span>小米电视4A 50英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-6.jpg"/>
										<span>小米电视4A 55英寸</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/tv1-1.jpg"/>
										<span>小米电视4A 32英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-2.jpg"/>
										<span>小米电视4A 40英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-3.jpg"/>
										<span>小米电视4A 43英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-4.jpg"/>
										<span>小米电视4A 49英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-5.jpg"/>
										<span>小米电视4A 50英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-6.jpg"/>
										<span>小米电视4A 55英寸</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/tv1-1.jpg"/>
										<span>小米电视4A 32英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-2.jpg"/>
										<span>小米电视4A 40英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-3.jpg"/>
										<span>小米电视4A 43英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-4.jpg"/>
										<span>小米电视4A 49英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-5.jpg"/>
										<span>小米电视4A 50英寸</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/tv1-6.jpg"/>
										<span>小米电视4A 55英寸</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="nav-hover">
						<a href="views/computer.html">笔记本<i class="iconfont">&#xe602;</i></a>
						<div class="category-children">
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/computer1-1.jpg"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-2.jpg"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-3.jpg"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-4.jpg"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-5.jpg"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-6.jpg"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/computer1-1.jpg"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-2.jpg"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-3.jpg"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-4.jpg"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-5.jpg"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-6.jpg"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/computer1-1.jpg"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-2.jpg"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-3.jpg"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-4.jpg"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-5.jpg"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/computer1-6.jpg"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
						</div>

					</li>
					<li class="nav-hover">
						<a href="views/Smart_Appliances.html">智能 家电<i class="iconfont">&#xe602;</i></a>
						<div class="category-children">
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
						</div>

					</li>
					<li class="nav-hover">
						<a href="views/Healthy_home.html">健康 家居 <i class="iconfont">&#xe602;</i></a>
						<div class="category-children">
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
						</div>

					</li>
					<li class="nav-hover">
						<a href="views/Travel_children.html ">出行 儿童<i class="iconfont">&#xe602;</i></a>
						<div class="category-children">
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="nav-hover">
						<a href="views/Router.html">路由器 手机配件 <i class="iconfont">&#xe602;</i></a>
						<div class="category-children">
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="nav-hover">
						<a href="views/power.html">移动电源 插线板<i class="iconfont">&#xe602;</i></a>
						<div class="category-children">
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="nav-hover">
					<a href="views/EarPhone.html">耳机 音箱<i class="iconfont">&#xe602;</i></a>
						<div class="category-children">
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
						</div>
				    </li>
					<li class="nav-hover">
						<a href="views/mi_life.html">生活 米兔<i class="iconfont">&#xe602;</i></a>
						<div class="category-children">
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
							<ul class="children-list">
								<li>
									<a>
										<img src="img/index/nav-index/note1-1.png"/>
										<span>小米Note 3</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/min21-2.png"/>
										<span>小米MIX 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/xm61-3.png"/>
										<span>小米6</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/80pc1-4.png"/>
										<span>小米5X</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/mix21-5.png"/>
										<span>小米Max 2</span>
									</a>
								</li>
								<li>
									<a>
										<img src="img/index/nav-index/redmi51-6.png"/>
										<span>红米5 Plus</span>
									</a>
								</li>
							</ul>
						</div>
					</li>

				</ul>
			</div>
			<div class="home-hero-sub">
				<div class="span6">
					<ul>
						<li>
							<a href="views/choose_phone.html">
								<i class="iconfont"></i>
								选购手机
							</a>
						</li>
						<li>
							<a>
								<i class="iconfont"></i>
								企业团购
							</a>
						</li>
						<li>
							<a>
								<i class="iconfont"></i>
								F码通道
							</a>
						</li>
						<li>
							<a>
								<i class="iconfont"></i>
								米粉卡
							</a>
						</li>
						<li>
							<a>
								<i class="iconfont"></i>
								以旧换新
							</a>
						</li>
						<li>
							<a>
								<i class="iconfont"></i>
								话费充值
							</a>
						</li>
					</ul>
				</div>
				<div class="row3">
					<div>
						<img src="img/index/span6-1.jpg"/>
					</div>
					<div>
						<img src="img/index/span6-2.jpg"/>
					</div>
					<div>
						<img src="img/index/span6-3.jpg"/>
					</div>
				</div>
			</div>
		</div>
		<div class="clear"></div>
		<!--开始闪购-->
		<div class="flashPurchase wrap">
			<div>
				<div class="title">
					<h2>小米闪购</h2>
					<div class="more">
						<a><i class="iconfont">&#xe601;</i></a>
						<a><i class="iconfont">&#xe602;</i></a>
					</div>
				</div>
				<div class="countDown">
					<div class="endTime">12:00 场</div>
					<div>
						<img src="img/index/flashpurchase.png" height="53" width="34"/>
					</div>
					<div class="flush"></div>
					<span>距离时间结束</span>
					<div class="flashTime">
					<div class="box">00</div>
					<div class="dosh">:</div>
					<div class="box">00</div>
					<div class="dosh">:</div>
					<div class="box">00</div>
					</div>
				</div>
                <div class="rainbow">
                    <ul>
                        <li>
                            <a >
                                <div class="content">
                                    <img src="img/index/rainbow1.jpg"/>
                                    <h3>小米MIX 2 6GB+64GB 黑色陶瓷</h3>
                                    <p>5.99"全面屏，骁龙835处理器 </p>
                                    <p>2999 元<del>3299元</del></p>
                                </div>

                            </a>
                        </li>
                        <li>
                            <a >
                                <div class="content">
                                    <img src="img/index/rainbow2.jpg"/>
                                    <h3>小米Max 2 4GB+64GB 金色</h3>
                                    <p>6.44"大屏，5300mAh大电量 </p>
                                    <p>1499 元<del>1699元</del></p>
                                </div>

                            </a>
                        </li>
                        <li>
                            <a >
                                <div class="content">
                                    <img src="img/index/rainbow3.jpg"/>
                                    <h3>小米Max 2 4GB+64GB 黑色</h3>
                                    <p>6.44"大屏，5300mAh大电量 </p>
                                    <p>1499 元<del>1699元</del></p>
                                </div>

                            </a>
                        </li>
                        <li>
                            <a >
                                <div class="content">
                                    <img src="img/index/rainbow4.jpg"/>
                                    <h3>红米5 2+16GB 移动4G+版 黑色</h3>
                                    <p>千元全面屏，前置柔光自拍 </p>
                                    <p>739 元<del>799元</del></p>
                                </div>

                            </a>
                        </li>
                    </ul>

                </div>
				<div class="carousel">
					<ul>
						<li>
							<a></a>

						</li>
					</ul>
				</div>
				<div>

				</div>
			</div>
		</div>
        <!--结束闪购-->
        <div class="collect-card wrap">
            <img src="img/index/collect-card.jpg"/>
        </div>
	</div>
	<!-- 商品展示界面 -->
     <div class="main-page">
            <div class="wrap">
                <div class="phone">
                    <div class="title">
                        <h2>手机</h2>
                        <div class="look-all">查看全部></div>
                    </div>
					<div class="clear"></div>
                    <div class="content">
                        <div class="phone-left">
                            <img src="img/index/box-1.jpg"/>
                        </div>
                        <div class="phone-8">
							<ul>
								<li>
							<div>
							<img src="img/index/box8-1.jpg" height="220" width="220"/>
							<h3>小米6 4GB+64GB</h3>
							<p class="desc">变焦双摄，4 轴防抖，骁龙835 处理器</p>
							<p class="price">2299 元</p>
							</div>
								</li>
								<li>
							<div>
								<img src="img/index/box8-1.jpg" height="220" width="220"/>
								<h3>小米6 4GB+64GB</h3>
								<p class="desc">变焦双摄，4 轴防抖，骁龙835 处理器</p>
								<p class="price">2299 元</p>
							</div>
								</li>
								<li>
							<div>
								<img src="img/index/box8-1.jpg" height="220" width="220"/>
								<h3>小米6 4GB+64GB</h3>
								<p class="desc">变焦双摄，4 轴防抖，骁龙835 处理器</p>
								<p class="price">2299 元</p>
							</div>
								</li>
								<li>
							<div>
								<img src="img/index/box8-1.jpg" height="220" width="220"/>
								<h3>小米6 4GB+64GB</h3>
								<p class="desc">变焦双摄，4 轴防抖，骁龙835 处理器</p>
								<p class="price">2299 元</p>
							</div>
								</li>
								<li class="down">
							<div>
								<img src="img/index/box8-1.jpg" height="220" width="220"/>
								<h3>小米6 4GB+64GB</h3>
								<p class="desc">变焦双摄，4 轴防抖，骁龙835 处理器</p>
								<p class="price">2299 元</p>
							</div>
								</li>
								<li class="down">
							<div>
								<img src="img/index/box8-1.jpg" height="220" width="220"/>
								<h3>小米6 4GB+64GB</h3>
								<p class="desc">变焦双摄，4 轴防抖，骁龙835 处理器</p>
								<p class="price">2299 元</p>
							</div>
								</li>
								<li class="down">
							<div>
								<img src="img/index/box8-1.jpg" height="220" width="220"/>
								<h3>小米6 4GB+64GB</h3>
								<p class="desc">变焦双摄，4 轴防抖，骁龙835 处理器</p>
								<p class="price">2299 元</p>
							</div>
								</li>
								<li class="down">
							<div>
								<img src="img/index/box8-1.jpg" height="220" width="220"/>
								<h3>小米6 4GB+64GB</h3>
								<p class="desc">变焦双摄，4 轴防抖，骁龙835 处理器</p>
								<p class="price">2299 元</p>
							</div>
								</li>
							</ul>
						</div>
                    </div>
                </div>
				<div class="collect-card">
					<img src="img/index/collect-card-2.jpg"/>
				</div>
				<div class="jiadian">
					<div class="title">
						<h2>家电</h2>
					</div>
					<div class="jiadian-more">
						<span><a class="tab-active">热门</a><a>出行</a><a>健康</a><a>酷玩</a><a>路由器</a></span>
					</div>
                    <div class="clear"></div>
					<div class="content">
						<div class="box-8-left">
							<img src="img/index/jiadian-left-1.jpg"/>
							<img src="img/index/jiadian-left-2.jpg"/>
						</div>
						<div class="box-8">
							<ul>
								<li>
								<div>
								<img src="img/index/jiadian1.jpg"/>
								<h3>小米电视4A 32英寸</h3>
								<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
								<p class="price">999 元<del>1199元</del></p>
								</div>
								</li>
								<li>
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li>
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li>
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li class="down">
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li class="down">
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li class="down">
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li class="down">
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>

							</ul>
						</div>
					</div>
				</div>
				<div class="collect-card">
					<img src="img/index/collect-card-3.jpg"/>
				</div>
				<div class="intelligence">
					<div class="title">
						<h2>智能</h2>
					</div>
					<div class="intelligence-more">
						<span><a class="tab-active">热门</a><a>电视影音</a><a>电脑</a><a>家居</a></span>
					</div>
                    <div class="clear"></div>
					<div class="content">
						<div class="box-8-left">
							<img src="img/index/intelligence-left-1.jpg"/>
							<img src="img/index/intelligence-left-2.jpg"/>
                        </div>
						<div class="box-8">
							<ul>
								<li>
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li>
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li>
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li>
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li class="down">
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li class="down">
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li class="down">
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>
								<li class="down">
									<div>
										<img src="img/index/jiadian1.jpg"/>
										<h3>小米电视4A 32英寸</h3>
										<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
										<p class="price">999 元<del>1199元</del></p>
									</div>
								</li>

							</ul>
						</div>
					</div>
				</div>
				<div class="collect-card">
					<img src="img/index/collect-card-4.jpg"/>
				</div>
				<div class="collocation">
					<div class="title">
						<h2>搭配</h2>
					</div>
					<div class="collocation-more">
						<span><a class="tab-active">热门</a><a>耳机音响</a><a>电源</a><a>电池储存卡</a></span>
					</div>
                    <div class="clear"></div>
					<div class="content">
						<div class="box-8-left">
							<img src="img/index/intelligence-left-1.jpg"/>
							<img src="img/index/intelligence-left-2.jpg"/>
						</div>
                        <div class="box-8">
                            <ul>
                                <li>
                                    <div>
                                        <img src="img/index/collocation1.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="img/index/collocation2.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="img/index/collocation3.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="img/index/collocation4.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li class="down">
                                    <div>
                                        <img src="img/index/collocation5.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li class="down">
                                    <div >
                                        <img src="img/index/collocation6.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li class="down">
                                    <div>
                                        <img src="img/index/collocation7.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li class="down">
                                    <div>
                                        <img src="img/index/collocation7.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>

                            </ul>
                        </div>
					</div>
				</div>
				<div class="collect-card">
					<img src="img/index/collect-card-5.jpg"/>
				</div>
				<div class="parts">
					<div class="title">
						<h2>配件</h2>
					</div>
					<div class="parts-more">
						<span><a class="tab-active">热门</a><a>保护套</a><a>贴膜</a><a>其他配件</a></span>
					</div>
                    <div class="clear"></div>
					<div class="content">
						<div class="box-8-left">
							<img src="img/index/parts-left-1.jpg"/>
							<img src="img/index/parts-left-2.jpg"/>
                        </div>
							<div class="box-8">
								<ul>
									<li>
										<div>
											<img src="img/index/parts1.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li>
										<div>
											<img src="img/index/parts2.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li>
										<div>
											<img src="img/index/parts3.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li >
										<div>
											<img src="img/index/parts4.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li class="down">
										<div>
											<img src="img/index/parts5.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li class="down">
										<div>
											<img src="img/index/parts6.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li class="down">
										<div>
											<img src="img/index/parts7.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li class="down">
										<div >
											<img src="img/index/parts7.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>

								</ul>
							</div>
						</div>
					</div>
				<div class="collect-card">
					<img src="img/index/collect-card-6.jpg"/>
				</div>
				<div class="periphery">
					<div class="title">
						<h2>周边</h2>
					</div>
					<div class="periphery-more">
						<span><a class="tab-active">热门</a><a>居家</a><a>生活周边</a><a>箱包</a></span>
					</div>
                    <div class="clear"></div>
					<div class="content">
						<div class="box-8-left">
							<img src="img/index/periphery-left-1.jpg"/>
							<img src="img/index/periphery-left-2.jpg"/>
                        </div>
							<div class="box-8">
								<ul>
									<li>
										<div>
											<img src="img/index/periphery1.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li>
										<div>
											<img src="img/index/periphery2.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li>
										<div>
											<img src="img/index/periphery3.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li>
										<div>
											<img src="img/index/periphery4.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li class="down">
										<div>
											<img src="img/index/periphery5.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li class="down">
										<div>
											<img src="img/index/periphery6.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li class="down">
										<div>
											<img src="img/index/periphery7.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>
									<li class="down">
										<div>
											<img src="img/index/periphery7.jpg"/>
											<h3>小米电视4A 32英寸</h3>
											<p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
											<p class="price">999 元<del>1199元</del></p>
										</div>
									</li>

								</ul>
							</div>
						</div>
					</div>
                <div class="collect-card">
                    <img src="img/index/collect-card-7.jpg"/>
                </div>

         <!--为你推荐-->
         <div class="recommended">
             <div class="title">
                 <h2>为你推荐</h2>
                 <div class="more">
                     <a><i class="iconfont">&#xe601;</i></a>
                     <a><i class="iconfont">&#xe602;</i></a>
                 </div>
             </div>
             <div  class="clear"></div>
             <div class="content">
                 <div class="box-5">
                     <ul>
                         <li>
                             <div>
                                 <img src="img/index/periphery1.jpg"/>
                                 <h3>小米电视4A 32英寸</h3>
                                 <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                 <p class="price">999 元<del>1199元</del></p>
                             </div>
                         </li>
                         <li>
                             <div>
                                 <img src="img/index/periphery2.jpg"/>
                                 <h3>小米电视4A 32英寸</h3>
                                 <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                 <p class="price">999 元<del>1199元</del></p>
                             </div>
                         </li>
                         <li>
                             <div>
                                 <img src="img/index/periphery3.jpg"/>
                                 <h3>小米电视4A 32英寸</h3>
                                 <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                 <p class="price">999 元<del>1199元</del></p>
                             </div>
                         </li>
                         <li>
                             <div>
                                 <img src="img/index/periphery4.jpg"/>
                                 <h3>小米电视4A 32英寸</h3>
                                 <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                 <p class="price">999 元<del>1199元</del></p>
                             </div>
                         </li>
                         <li>
                             <div>
                                 <img src="img/index/periphery5.jpg"/>
                                 <h3>小米电视4A 32英寸</h3>
                                 <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                 <p class="price">999 元<del>1199元</del></p>
                             </div>
                         </li>
                     </ul>
                 </div>
             </div>
         </div>
         <div class="hot-product">
                    <div class="title">
                        <h2>热门产品</h2>
                    </div>
                    <div  class="clear"></div>
                    <div class="content">
                        <div class="box-4">
                            <ul>
                                <li>
                                    <div>
                                        <img src="img/index/hot-product1.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="img/index/hot-product2.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="img/index/hot-product3.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="img/index/hot-product4.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
         <div class="mi-content">
                    <div class="title">
                        <h2>内容</h2>
                    </div>
                    <div  class="clear"></div>
                    <div class="content">
                        <div class="box-4">
                            <ul>
                                <li>
                                    <div>
                                        <img src="img/index/hot-product1.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="img/index/hot-product2.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="img/index/hot-product3.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                                <li>
                                    <div>
                                        <img src="img/index/hot-product4.jpg"/>
                                        <h3>小米电视4A 32英寸</h3>
                                        <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                        <p class="price">999 元<del>1199元</del></p>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
         <div class="video">
             <div class="title">
                 <h2>视频</h2>
             </div>
             <div  class="clear"></div>
             <div class="content">
                 <div class="box-4">
                     <ul>
                         <li>
                             <div>
                                 <img src="img/index/雷军.jpg"/>
                                 <h3>小米电视4A 32英寸</h3>
                                 <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                 <p class="price">999 元<del>1199元</del></p>
                             </div>
                         </li>
                         <li>
                             <div>
                                 <img src="img/index/video2.jpg"/>
                                 <h3>小米电视4A 32英寸</h3>
                                 <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                 <p class="price">999 元<del>1199元</del></p>
                             </div>
                         </li>
                         <li>
                             <div>
                                 <img src="img/index/雷军斯塔克.jpg"/>
                                 <h3>小米电视4A 32英寸</h3>
                                 <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                 <p class="price">999 元<del>1199元</del></p>
                             </div>
                         </li>
                         <li>
                             <div>
                                 <img src="img/index/video4.jpg"/>
                                 <h3>小米电视4A 32英寸</h3>
                                 <p class="decs">64位四核处理器 / 1GB+4GB大内存</p>
                                 <p class="price">999 元<del>1199元</del></p>
                             </div>
                         </li>
                     </ul>
                 </div>
             </div>
         </div>
            </div>
         <div style="height: 40px;"></div>
     </div>

	<!--底部-->
	<div class="clear"></div>
	<div class="footer">
			<div class="wrap">
				<div class="footer-service">
					<ul>
						<li><a><i class="iconfont">&#xe715;</i>预约维修服务</a></li>
						<li><a><i class="iconfont">&#xe67d;</i>7天无理由退货</a></li>
						<li><a><i class="iconfont">&#xe639;</i>15天免费换货</a></li>
						<li><a><i class="iconfont">&#xe608;</i>满150元包邮</a></li>
						<li><a><i class="iconfont">&#xe613;</i>520余家售后网点</a></li>
					</ul>
				</div>
				<div class="footer-links">
					<dl>
						<dt>帮助中心</dt>
						<dd>账户管理</dd>
						<dd>购物指南</dd>
						<dd>订单操作</dd>
					</dl>
					<dl>
						<dt>服务支持</dt>
						<dd>售后政策</dd>
						<dd>自助服务</dd>
						<dd>相关下载</dd>
					</dl>
					<dl>
						<dt>线下门店</dt>
						<dd>小米之家</dd>
						<dd>服务网点</dd>
						<dd>零售网点</dd>
					</dl>
					<dl>
						<dt>关于小米</dt>
						<dd>了解小米</dd>
						<dd>加入小米</dd>
						<dd>联系我们</dd>
					</dl>
					<dl>
						<dt>关注我们</dt>
						<dd>新浪微博</dd>
						<dd>小米部落</dd>
						<dd>官方微信</dd>
					</dl>
					<dl>
						<dt>特色服务</dt>
						<dd>F 码通道</dd>
						<dd>礼物码</dd>
						<dd>防伪查询</dd>
					</dl>
					<div class="footer-contact">
						<p class="phone">400-100-5678</p>
						<p >周一至周日 8:00-18:00<br>（仅收市话费）</p>
						<a class="footer-btn"> 在线客服</a>
					</div>
				</div>
			</div>
		</div>
	<div class="clear"></div>
	<div class="site-info">
			<div class="wrap">
				<div class="logo"><img src="img/小米手机/logo-footer.png"/></div>
				<div class="site-text">
					<p class="sites">
						<a>小米商城</a><span>|</span>
						<a>MIUI</a><span>|</span>
						<a>米家</a><span>|</span>
						<a>米聊</a><span>|</span>
						<a>多看</a><span>|</span>
						<a>路由器</a><span>|</span>
						<a>米粉卡</a><span>|</span>
						<a>小米天猫店</a><span>|</span>
						<a>隐私政策</a><span>|</span>
						<a>问题反馈</a><span>|</span>
						<a>Select Region</a><span>|</span>
					</p>
					<p>@<a>mi.com</a>" 京ICP证110507号 "<a>京ICP备10046444号</a><a>京公网安备11010802020134号 </a>
						<a>京网文[2014]0059-0009号</a>
						<br>
						" 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试"
					</p>
				</div>
				<div class="site-links">
					<a><img src="img/小米手机/truste.png"/></a>
					<a><img src="img/小米手机/v-logo-2.png"/></a>
					<a><img src="img/小米手机/v-logo-1.png"/></a>
					<a><img src="img/小米手机/v-logo-3.png"/></a>
					<a><img src="img/小米手机/v-logo-4.png" height="28" width="85"/></a>
				</div>
				<div class="clear"></div>
				<div class="slogan"></div>
			</div>

		</div>
     </div>
    </body>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#home-carousel'
            ,width: '100%' //设置容器宽度
            ,height: '460px'
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式

        });
    });
</script>
</html>
